﻿@using MoneyCounter.Helpers
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>

    @*<link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/css")" rel="stylesheet" type="text/css" />*@
    @*<link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/themes/base/css")" rel="stylesheet" type="text/css" />*@
    @*<script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Scripts/js")"></script>*@

    @*<link href="../../Content/Site.less" rel="stylesheet" type="text/css" />
    <link href="../../Content/MCP-Less.less" rel="stylesheet" type="text/css" />*@

    <link rel="Stylesheet" type="text/css" href="~/Content/CSS.less" />
    @if (IsSectionDefined("PageSpecificStylesheet"))
    {
        @RenderSection("PageSpecificStylesheet", false);
    }

    <script src="~/Scripts/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="~/Scripts/jquery-ui-1.9.2.js" type="text/javascript"></script>
    @*<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>*@
    <script src="~/Scripts/MCP.Constants.js" type="text/javascript"></script>
    <script src="~/Scripts/MCP.MetroUI.js" type="text/javascript"></script>
    <script src="~/Scripts/MetroUI/carousel.js" type="text/javascript"></script>
    
    @if (IsSectionDefined("PageSpecificJavascript"))
    {
        @RenderSection("PageSpecificJavascript", false);
    }
   
    <!--[if gte IE 9]>
        <style type="text/css">
            .gradient {
                filter: none;
            }
        </style>
    <![endif]-->
    <script type="text/javascript">
        $(function() {
            $("#switcher").click(function () {
                MCP.MetroUI.SwitchSidebar();
            });
        });
    </script>
</head>
<body id="user-page-body">
    <div class="minus-sidebar">
        <header class="user-template">
            <div id="mcp-logo">
                <div id="mcp-short-name">[MCP]</div>
                <div id="mcp-full-name">Money Counter Project</div>
                <div id="mcp-slogan">Save your money!</div>
            </div>
            <div id="header-info-panel">
                <div>@*@MCP_HTML_Helper.LoginOrLogoutLink(string.Empty)*@</div>
                <div id="regular-message" class="">
                    @*<div>
                        <span class="message-counter">1/3</span>
                        <span class="message-switcher">
                            <a class="previous-message btn btn-link"><i class="icon-arrow-left icon-gray"></i>Prev</a>
                            <a class="next-message btn btn-link">Next<i class="icon-arrow-right icon-gray"></i></a>
                        </span>
                    </div>
                    <div class="message">
                        @MCP_HTML_Helper.RegularMessages.CurrentBalanceMessage()
                    </div>*@
                    
                    <div class="carousel" data-role="carousel" data-param-arrows="off">
                        <div class="slides">
                            
                            @{
                                if (@Model != null && @Model.Messages != null)
                                {
                                    foreach (var message in @Model.Messages)
                                    {
                                        <div class="slide mixed @message.Type.ToString().ToLower()">
                                            @Html.Raw(@message.Text)
                                        </div>
                                    }
                                }
                            }

                            @*<div class="slide image" id="slide1">
                                <div class="description">Description image...</div>
                            </div>
 
                            <div class="slide mixed notification" id="slide2">
                                <div>Description slide mixed...</div>
                            </div>*@
                        
                        </div>
 
                        <span class="control left">‹</span>
                        <span class="control right">›</span>
 
                    </div>

                </div>
            </div>
        </header>

        <div id="content" class="bg-color-grayDark">
            @RenderBody()
        </div>
    </div>

    <div id="sidebar">
        <div id="switcher"><i class="icon-arrow-left-3"></i><span>Settings</span></div>
        <ul>
            <li><a href="http://aregaz.tk">Developer's blog</a></li>
            <li>
                @*@MCP_HTML_Helper.LoginOrLogoutLink("sidebar-option")*@
            </li>
        </ul>
    </div>
    @*<div id="sidebar">
            <a id="switcher" href="#"><i class="icon-arrow-left-3"></i></a>
        </div>*@

    <footer class="user-template"></footer>
</body>
</html>
